<%--

  @author yulezhisi
--%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>showProcessHistory.jsp</title>

    <link rel="shortcut icon" href="<c:url value="/images/favicon.ico"/>" type="image/x-icon"/>
    <script src="<c:url value="/js/jquery-1.9.1.min.js"/>"></script>
    <script src="<c:url value="/layui/layui.js"/>"></script>
    <link rel="stylesheet" type="text/css" href="<c:url value="/layui/css/layui.css"/>">

    <script src="<c:url value="/js/my/commons.js"/>"></script>

    <style>
        .container {
            width: 1200px;
            margin: 100px auto;
        }
    </style>
</head>
<body>

<script>
    layui.use(['table', 'form'], function () {
        var table = layui.table;
        table.render({
            elem: '#tableId'
            , url: '<c:url value="/showHistoryTask/${param.instanceId}.do"/>'
            , toolbar: '#toolbarDemo'
            , cols: [[
                {type: "numbers", title: '序号', width: 50}
                , {field: 'name', width: 220, title: '任务名称'}
                , {field: 'assignee', width: 150, title: '处理人'}
                , {field: 'startTime', width: 220, title: '开始时间'}
                , {field: 'endTime' , width:200, title: '结束时间'}
                , {field: 'durationInMillis' ,templet:'<div>{{d.durationInMillis/1000/60}}分钟</div>',  minWidth:200,
                    title:
                        '耗时'}
            ]],
            parseData: function (data) {
                return {
                    'data': data.data
                    ,'code':data.code
                }
            }
        });
    });
</script>

<table class="layui-hide" id="tableId" lay-filter="table_layui_filter"></table>

</body>
</html>
